<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title></title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<!-- STYLESHEETS -->
<!--[if lt IE 9]>
    <script src="../../js/flot/excanvas.min.js"></script>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
<link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
<link rel="stylesheet" type="text/css" href="../../css/responsive.css">
<link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- SELECT2 -->
<link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css" />
<!-- UNIFORM -->
<link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css" />
<!-- datatable -->
<link rel="stylesheet" href="../../js/datatables/datatable.css">
<link rel="stylesheet" href="../../js/datepicker/datepicker.css">
<!-- FONTS
    <link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
-->
</head>
<body>
	<header class="navbar clearfix" id="header"> </header>

	<!-- PAGE -->
	<section id="page">
		<!-- SIDEBAR -->
		<div id="sidebar" class="sidebar">
			<div class="sidebar-menu nav-collapse">

				<!-- SIDEBAR MENU -->
				<ul>
				</ul>
			</div>


		</div>
		<!-- /SIDEBAR -->
		<div id="main-content">
			<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="send_config" tabindex="-1" role="dialog"
				aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content" style="width: 500px">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title">订单发货</h4>
						</div>
						<div class="modal-body" style='height: 220px;'>
						<div class="form-group" style="line-height:20px;margin-bottom:20px">
						<label class="control-label col-md-3" >订单编号：</label>
						   <div class="col-md-4 sendOrderId"></div>
						</div>
							<div class="form-group" style="line-height:20px;margin-bottom:20px">
								<label class="control-label col-md-3" >
									<span class="required">*</span>
									物流公司：
								</label>
								<div class="col-md-4" style="line-height:20px;margin-bottom:20px">
									<select id="express_select" class="col-md-12 select2-offscreen" tabindex="-1">
										<option value='STO'>申通快递</option>
										<option value='ZTO'>中通快递</option>
										<option value='YTO'>圆通速递</option>
										<option value='SF'>顺丰速运</option>
										<option value='YD'>韵达速递</option>
										<option value='BSHT'>百世汇通</option>
										<option value='OTHER'>其他</option>
									</select>
								</div>
							</div>
							<div class="form-group" style="line-height:20px;margin-bottom:20px">
								<label class="control-label col-md-3" >
									<span class="required">*</span>
									物流单号：
								</label>
								<div class="col-md-4">
									<input type="text" class="form-control" name="expressCode" placeholder="请输入物流单号"
										maxlength="20" />

								</div>
							</div>
							
							<div class="form-group" style="height: auto">
									<label class="control-label col-md-3" ><span class="required">*</span>商品明细：</label>
									<div class='send-detail col-md-8'></div>
							</div>

						</div>

						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
							<button type="button" class="btn btn-success bt-save">保存</button>
						</div>
					</div>
				</div>
			</div>
			<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="alert_config" tabindex="-1" role="dialog"
				aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content" style="width: 500px">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title">发货提醒</h4>
						</div>
						<div class="modal-body" style='height: 220px;'>
						<div class="form-group" style="line-height:20px;margin-bottom:20px">
						<label class="control-label col-md-12" style="color:red;font-size:20px" >一定要在快递拿走实物前更新系统，避免用户已经退款！</label>
						 
						</div>
						<div class="form-group" style="line-height:20px;margin-bottom:20px">
						<label class="control-label col-md-12" style="color:red;font-size:20px" >一定要在快递拿走实物前更新系统，避免用户已经退款！</label>
						 
						</div>
						<div class="form-group" style="line-height:20px;margin-bottom:20px">
						<label class="control-label col-md-12" style="color:red;font-size:20px" >一定要在快递拿走实物前更新系统，避免用户已经退款！</label>
						 
						</div>
							
						</div>

						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							
						</div>
					</div>
				</div>
			</div>
			
			<div class="container">
				<div class="row">
					<div id="content" class="col-lg-12">
						<!-- PAGE HEADER-->
						<div class="row">
							<div class="col-sm-12">
								<div class="page-header">
									<!-- STYLER -->

									<!-- /STYLER -->
									<!-- BREADCRUMBS -->
									<ul class="breadcrumb">
										<li>
											<i class="fa fa-home"></i>
											<a href="index.html">首页</a>
										</li>
										<li>
											<a href="#">营销管理</a>
										</li>
										<li>优惠劵</li>
									</ul>
									<!-- /BREADCRUMBS -->

								</div>
							</div>
						</div>
						<!-- /PAGE HEADER -->
						<!-- FORMS QUERY-->
						<div class="row">
							<div class="col-md-12">
								<div class="row">
									<div class="col-md-12">
										<div class="box border primary">
											<div class="box-title">
												<h4>
													<i class="fa fa-bars"></i>
													查询条件
												</h4>
											</div>
											<div class="box-body big" style="padding: 10px;">
												<form class="form-horizontal" role="form" id="form_Order"
													action="../../admin/order/exportOrder.do">
													<div class="form-group mrg-bt10">
														<label class="col-sm-1 control-label" style="width: auto">订单编号：</label>
														<div class="col-sm-2">
															<input type="text" class="form-control" name="q" placeholder="输入关键字">
														</div>

														<label class="col-sm-1 control-label" for="e1" style="width: 96px">状态：</label>
														<div class="col-sm-2">
															<select id="status_select" name="orderStatus" class="col-md-12 select2-offscreen"
																tabindex="-1">
																<option value=>选择状态</option>
																<option value="WaitingSend">待发货</option>
																<option value="WaitingSign">待签收</option>

															</select>
														</div>
														<label class="col-sm-1 control-label" style="width: auto">下单日期：</label>
														<div class="col-sm-4" style="display: inline-flex; margin-left: -10px">
															<div class="col-sm-2" style="width: 130px">
																<input type="text" name="startDate" class="form-control bootstrap-datepicker">
															</div>
															<div style="width: 20px">至</div>
															<div class="float-left" style="width: 130px">
																<input type="text" name="endDate" class="form-control bootstrap-datepicker">
															</div>
														</div>

													</div>
													<div class="form-group mrg-bt10">

														<label class="col-sm-1 control-label" style="width: auto">收货电话：</label>
														<div class="col-sm-2">
															<input type="text" class="form-control" name="telPhone" placeholder="输入关键字">
														</div>
														<label class="col-sm-1 control-label" style="width: auto">商品名称：</label>
														<div class="col-sm-2">
															<input type="text" class="form-control" name="productName" placeholder="输入关键字">
														</div>

														<div class="col-sm-1">
															<a class="btn btn-primary search">查询</a>
														</div>
													</div>
												</form>
											</div>
										</div>
									</div>
								</div>


							</div>
						</div>
						<!-- /FORMS QUERY -->
						<div class="row" style="height: 30px;">
							<div class="col-md-12">
								<div class="box ">
									<a href="javaScript:;" class="btn btn-success exportOrder">
										<i class="fa  fa-plus-square-o"></i>
										导出订单明细
									</a>
									<a href="import_send_order.html" class="btn btn-warning">
										<i class="fa  fa-plus-square-o"></i>
										批量发货
									</a>
									
								</div>
							</div>
						</div>
						<div class="row">
							<!-- TABLES -->
							<div class="col-md-12">
								<!-- BOX -->
								<div class="box border primary">
									<div class="box-title">
										<h4>
											<i class="fa fa-table"></i>
											订单数：
											<span id="total"></span>
											条
										</h4>

									</div>
									<div class="box-body">
										<table id="db_Order_list" cellpadding="0" cellspacing="0" border="0"
											class="datatable table table-striped table-bordered table-hover">

										</table>
									</div>
								</div>
								<!-- /BOX -->
							</div>
						</div>
						<!-- /TABLES -->


						<div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i>
								Top
							</span>
						</div>
					</div>
					<!-- /CONTENT-->
				</div>
			</div>
		</div>
	</section>
	<!--/PAGE -->
	<!-- JAVASCRIPTS -->
	<!-- Placed at the end of the document so the pages load faster -->
	<!-- JQUERY -->
	<script src="../../js/jquery/jquery-2.0.3.min.js"></script>

	<!-- BOOTSTRAP -->
	<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

	<!-- AUTOSIZE -->
	<script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
	<!-- spinner -->
	<script src="../../js/spinner/spin.js"></script>
	<!-- DATA TABLES -->
	<script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
	<script type="text/javascript" src="../../js/datatables/datatable.js"></script>
	<script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
	<script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
	<script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

	<!-- INPUT MASK -->
	<script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
	<!--bootbox-->
	<script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
	<!-- SELECT2 -->
	<script type="text/javascript" src="../../js/select2/select2.min.js"></script>
	<!-- UNIFORM -->
	<script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
	<script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
	<!-- COOKIE -->
	<script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="../../js/script.js?v=20180119"></script>
	<script src="../../js/common.js?v=20180119"></script>
	<script>
    var Order = function () {
        var $mainDataTable = null;

        var sendOrder=function(){
        	var pid=$(this).attr("orderId");
        	getOrderDetail(pid);
        	 $("#send_config").find(".sendOrderId").html(pid);
	      	 $("#express_select").select2();
	      	  $("#send_config").modal("show");
	      	  $(".bt-save").unbind("click").click(function(){
		      	    var code=$("[name=expressCode]").val();
		      		if(code.trim()==""){
		      		  $("#send_config").find(".form-group:eq(2)").addClass("has-error");
							return false;
		      		}
		      		var list=[];
			      	
		      		 var detailIds='';
			      	    $(".send-detail").find('[name=sendDetail]').each(function(){
			      	    	if($(this).prop("checked")){
			      	    		 var ygLogistics={};
						     	 ygLogistics.orderId=pid;
					      		 ygLogistics.expressCompany=$("#express_select option:selected").text();
					      		 ygLogistics.expressCode=code;
					      		 ygLogistics.logisticsCode=$("#express_select").val()
			      	    		detailIds+=$(this).attr("id")+",";
			      	    		ygLogistics.address=$(this).attr("id");//借用字段
			      	    		ygLogistics.provinceName=$(this).parent().find("span").html();//借用字段
			      	    		 list.push(ygLogistics);
			      	    	}
			      	    });
			      	    if(detailIds==''){
			      	    	$.alert("请选择发货商品。")
			      	    }
			      	    
		      		 $.ajax({
								type: "get",
								url: App.getContextPath() + "admin/order/updateSendOrder.do",
								data:{orderList:JSON.stringify(list)},
								async: true,
								success: function(result) {
									if(result.type=="error"){
										$.alert("订单已经退款,不用发货了");										
									}
									else{
									$.alert("订单发货成功");									
									}
									$("#send_config").modal("hide");
									$("[name=expressCode]").val('');
									searchOrder();	
											
									}
								
							});
		      		
		      		 });
     	 };
     	 
        var searchOrder = function () {
        	

            var startDate = $("input[name=startDate]").val();
            var endDate = $("input[name=endDate]").val();
            var q = $("input[name=q]").val();
            var status = $("#status_select").val();
            var url = App.getContextPath() + "admin/order/searchOrderBySupplier.do?q=" + q + "&telPhone=" + $("[name=telPhone]").val();
            url+="&productName="+$("[name=productName]").val();
            if (status != null && status != -1)
                url += "&orderStatus=" + status;

            if (startDate != "")
                url += "&startDate=" + startDate;
            if (endDate != "")
                url += "&endDate=" + $.dateAdd(endDate);


            if ($mainDataTable) {
                $mainDataTable.api().ajax.url(url).load();
                return;
            }
            var dtSetting = $.dataTableSetting({
                "ajaxSource": url,
                "serverSide": true,
                "bFilter": false,// 去掉搜索框
                "bLengthChange": true,// 每页显示数量
                "sScrollX": "100%",
                "sScrollXInner": "100%",
                "iDisplayLength": 25,

                "bSort": false,
                "aoColumns": [{
                    "mDataProp": "orderId",
                    "sTitle": "订单编号",
                    "width": "10%"
                }, {
                    "mDataProp": "receiver",
                    "sTitle": "收货人姓名",
                    "width": "7%"
                }, {
                    "sTitle": "收货人手机号",
                    "mDataProp": "telPhone",
                    "width": "10%"
                }, {
                    "sTitle": "收货地址",
                    "mDataProp": "receiver",
                    "width": "20%",
                    "render": function (data, type, row) {
                       return row.provinceName+row.cityName+row.areaName+row.address;
                    }
                }
                    , {

                        "sTitle": "订单状态",
                        "width": "8%",
                        "render": function (data, type, row) {
                            var str = "";
                            switch (row.orderStatus) {
                                case "TradeClosed":
                                    str = "交易关闭";
                                    break;
                                case "WaitingPay":
                                    str = "待付款";
                                    break;
                                case "WaitingCheck":
                                    str = "待审核";
                                    break;
                                case "WaitingSend":
                                    str = "待发货";
                                    break;
                                case "WaitingSign":
                                    str = "待签收";
                                    break;
                                case "TradeSuccess":
                                    str = "交易成功";
                                    break;
                            }
                            return str;
                        }

                    }, {

                        "sTitle": "下单时间",
                        "width": "12%",
                        "render": function (data, type, row) {
                            return $.getLocalTime(row.createTime);
                        }
                    }, {
                        "sTitle": "操作",
                        "width": "16%",
                        "render": function (data, type, row) {
                            var str = "<a class='btn btn-warning btn-xs btn-width' style='width:60px' target='_blank' href='send_order_detail.html?id=" + row.orderId + "'><i class='fa fa-arrow-circle-o-up'></i>详情</a>";

                            if(row.orderStatus == 'WaitingSend') {
                                str += "<a class='btn btn-success btn-xs bt_send btn-width' target='_black' style='width:60px;margin-left:10px;' orderId=" + row.orderId + " ><i class='fa fa-pencil-square-o'></i>发货</a>";
                            }
                            return str;
                        }
                    }]

            });

            $mainDataTable = $("#db_Order_list").dataTable(dtSetting);
        };
        var getOrderDetail = function(orderId){
      		$.ajax({
				type: "get",
				url: App.getContextPath() + "admin/order/getOrderDetail.do",
				data:{q:orderId},
				async: true,
				success: function(result) {
					var str = "";
					$.each(result.order,function(index,item){
						if(item.orderStatus=="待发货")
					 	str += "<div> <input type=\"checkbox\" name='sendDetail' checked  id = '"+item.skuCode+ "'><span  >"+item.productName+"</span></div>";
					 
					})
					$('.send-detail').html(str);
				}
				
			});
      	 }

        return {
            init: function () {
            	var hit=window.localStorage.getItem("hit")||"";
            	if(hit=="")
             	  $("#alert_config").modal("show");
             	window.localStorage.setItem("hit","1");
                $.initDate($("#form_Order"), -30, 0);
                $("#status_select").select2({placeholder: "选择状态"});

                $(".search").click(searchOrder);
                searchOrder();
                $("#db_Order_list").on("click",".bt_send",sendOrder);
                $(".exportOrder").click(function(){
                	
                	$("#form_Order").submit();
                });

            }
        }
    }();

    $(function () {
        $("#header").load("../head.html");
        $("#sidebar").load("../menu.html");
        App.init(); //Initialise plugins and elements
        Order.init();
        setMenu();
    });
</script>
	<!-- /JAVASCRIPTS -->
</body>
</html>